.mmb-layout{
  position: relative;
  .mmb-markedWord{
    background-color: #fff;
    width: 100%;
    height: .933333rem /* 70/75 */;
    font-size: .346667rem /* 26/75 */;
    color: #aaaaaa;
    line-height: .933333rem /* 70/75 */;
    text-align: center;
  }
  .mmb-coulist{
    background-color: #fff;
    ul{
      padding-bottom: .666667rem /* 50/75 */;
      li{
        width: 100%;
        padding: .266667rem /* 20/75 */;
        border-bottom: .013333rem /* 1/75 */ solid #ccc;
        .img-box{
          width: 2.666667rem /* 200/75 */;
          height: 2.133333rem /* 160/75 */;
          img{
            width: 100%;
          }
        }
        .coulist-right{
          width: 6.8rem /* 510/75 */;
          padding-left:.266667rem /* 20/75 */;
          p{
            font-size: .4rem /* 30/75 */;
            line-height: 1.5;
          }
          i{
            font-weight: 700;
            font-size: .4rem /* 30/75 */
          }
          span{
            display: block;
            color: #ef7f14;
            margin-top: .533333rem /* 40/75 */;
          }
        }
      }
    }
  }
  .mmb-banner{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    max-width: 750px;
    .swiper-container{
      width: 8rem /* 600/75 */;
      position: absolute;
      left: 50%;
      top: 45%;
      transform: translateX(-50%);
      img{
        width: 4rem /* 300/75 */;
        height: 2.666667rem /* 200/75 */;
        display: block;
        margin: 0 auto;
      }
    }
  }
}
